<template>
  <div>
    <div class="flex gap-2 items-center">
      <s-icon :name="Article" />
      ECharts
    </div>
    <a-space direction="vertical" size="large" class="mt-4">
      <a-checkbox-group :default-value="['1']">
        <a-checkbox
          v-for="(item, index) in PluginReferenceCjeckbox"
          :key="index"
          :value="index"
        >
          {{ item }}
        </a-checkbox>
      </a-checkbox-group>
    </a-space>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { Article } from '@salmon-ui/icons'

const PluginReferenceCjeckbox = ref(['echarts.min.js', 'vue.js'])
</script>

<style lang="scss" scoped></style>
